.datatable {
	height: 600px;
	padding: 20px;

	.cellWithImg {
		display: flex;
		align-items: center;

		.cellImg {
			width: 32px;
			height: 32px;
			border-radius: 50%;
			object-fit: cover;
			margin-right: 20px;
		}
	}

	.cellAction {
		display: flex;
		align-items: center;
		gap: 15px;

		.editButton {
			padding: 2px 5px;
			border-radius: 5px;
			color: darkblue;
			border: 1px dotted rgba(0, 0, 139, 0.658);
			cursor: pointer;
		}
		.viewButton {
			padding: 2px 5px;
			border-radius: 5px;
			color: goldenrod;
			border: 1px dotted rgba(218, 165, 32, 0.61);
			cursor: pointer;
		}
		.deleteButton {
			padding: 2px 5px;
			border-radius: 5px;
			color: crimson;
			border: 1px dotted rgba(220, 20, 60, 0.63);
			cursor: pointer;
		}
	}
}
